import Vue from 'vue'
import Router from 'vue-router'
import Index from '@/components/Index'
import Find from '@/components/Find'
import Tab from '@/components/Tab'
import Nav from '@/components/Nav'
import Hello from '@/components/Hello'
import Brand from '@/components/Brand'
import Shopping from '@/components/Shopping'
import Personal from '@/components/Personal'
import BrandPage from '@/components/Brand-page'
import Details from '@/components/Details'
import Confirm from '@/components/Confirm'

Vue.use(Router)

export default new Router({
  routes: [
    {
      path: '/',
      name: 'Index',
      component: Tab,
      children:[{
        path:'',
        component: Index,
      },{
        path:'/find',
        component: Find,
      },{
        path:'/brand',
        component:Brand
      },{
        path:'/shopping',
        component:Shopping
      },{
        path:'/personal',
        component:Personal
      }]
    },
    {
      path: '/aa',
      name: 'Nav',
      component: Nav,
      children:[{
        path:'brand-page',
        component: BrandPage,
      },{
        path:'details',
        component:Details
      }]
    },
    {
      path:'/confirm',
      name: 'Confirm',
      component:Confirm
    }
  ]
})
